<template>
  <!--
    测试各种组件
   -->
  <div style="background: #fff">

    <!-- 测试骨架屏组件 -->
    <XtxSkeleton :width="120" :height="80" />
    <XtxSkeleton :width="220" :height="180" bg="red" />

    <!-- 测试轮播图组件 -->
    <XtxSlider :sliders="sliders" :autoPlay="false"/>

    <!-- 面板组件测试 -->
    <HomePanel title="我是主标题" sub-title="我是副标题">
        <template #default>
            <div>
                我是list
            </div>
        </template>
        <template #right>
            查看更多>
        </template>
    </HomePanel>

    <!-- 测试查看更多组件 -->
    <XtxMore path="/login" />

  </div>
</template>

<script>
import { ref } from 'vue'
import HomePanel from '@/views/Home/components/home-panel'

export default {
  components: {
    HomePanel
  },
  setup () {
    const sliders = ref([
      {
        hrefUrl: '/#/',
        id: '630000201807155635',
        imgUrl:
          'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b1.jpg'
      },
      {
        hrefUrl: '/#/',
        id: '650000201207058528',
        imgUrl:
          'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b2.jpg'
      }
    ])
    return {
      sliders
    }
  }
}
</script>
